
$(function () {
    init()

    //声明一个全局变量  id
    let EditId

    // ajax 获取所有文章列表数据
    function init() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/list',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success(res) {
                // console.log(res);
                if (res.code === 200) {
                    const list = res.data
                    const html = template('trTpl', { list })
                    $('.category_table tbody').html(html)
                }
            }
        })
    }

    //点击 新窗口的保存按钮   给保存按钮做事件
    $('#myModal .btn_opt').on('click', function () {
        const name = $('[name="name"]').val().trim()
        const slug = $('[name="slug"]').val().trim()
        // console.log(name, slug);
        //发起 ajax 请求
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/add',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            type: 'post',
            data: {
                name,
                slug
            },
            success: function (res) {
                console.log(res);
                if (res.code === 200) {
                    init()
                }
            }
        })
    })

    //点击编辑   显示模态框
    $('.category_table').on('click', '.edit', function () {
        //显示模态框
        $('#editModal').modal('show')

        // 拿到 tr 的 data-id
        // const id = $(this).parents('tr').data('id')
        // console.log(id);

        //直接拿到  value   更香
        const value = $(this).parents('tr').data('value')
        console.log(value);

        $('#name').val(value.name)
        $('#slug').val(value.slug)

        // 把  id  赋值给 全局变量 id
        EditId = value.id
    })

    //给编辑 模态框 的 保存按钮添加点击事件
    $('#editModal .btn_opt').on('click', function () {

        console.log(EditId);
        const name = $('#name').val()
        const slug = $('#slug').val()

        //发起 ajax  
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/edit',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            type: 'post',
            data: {
                id: EditId,
                name,
                slug
            },
            success: function (res) {
                console.log(res);
                if (res.code === 200) {
                    init()
                    $('#editModal').modal('hide')
                }
            }



        })
    })

    //点击删除按钮 删除
    $('.category_table').on('click', '.delete', function () {

        const value = $(this).parents('tr').data('value')
        EditId = value.id
        // console.log(EditId);

        if (confirm('是否删除')) {
            $.ajax({
                url: 'http://localhost:8080/api/v1/admin/category/delete',
                headers: {
                    Authorization: localStorage.getItem('token')
                },
                type: 'post',
                data: { id: EditId },
                success: function (res) {
                    // console.log(res);
                    init()
                }
            })
        }
    })

})